

<div class="content-section introduction ">
  <div>
    <span class="feature-title">报障管理<span class="gt">&gt;</span>报障总览  </span>
  </div>
</div>
<div class="content-section implementation GridDemo reportview  ">

      <div class="ui-g">
    <div class="ui-g-12 ui-g-nopad ">
      <div class="ui-g ">
        <div class="ui-g-12 ui-md-12 ui-lg-6">
          <div class="box box-solid">
            <div class="box-body">
              <div class="media">
                <app-report-handle-view></app-report-handle-view>
              </div>
            </div>
          </div>
        </div>
        <div class="ui-g-12 ui-md-12 ui-lg-6">
            <div class="box box-solid">
              <div class="box-body">
                <div class="media">
                  <app-report-view-echart></app-report-view-echart>
                </div>
              </div>
            </div>
        </div>

      </div>
    </div>
  </div>


  <div class="ui-g ">
    <div class="ui-g-12 ui-md-12 ui-lg-12 ">
        <p-dataTable emptyMessage="没有数据" [value]="historyReportOrder" [lazy]="true" [rows]="10" [paginator]="true" [rowsPerPageOptions]="[5,10,20]"
               [totalRecords]="totalRecords" (onLazyLoad)="loadCarsLazy($event)">
    <!--<p-header>今日报障单</p-header>-->
    <p-column  field="cid" header="单号" [sortable]="true" >
      <ng-template let-data="rowData" pTemplate="body" let-i="rowIndex">
        <span (click)="onOperate(data)" class="curser">{{data.cid}}</span>
      </ng-template>
    </p-column>
    <p-column *ngFor="let col of cols" field="{{col.field}}" header="{{col.header}}" [sortable]="true"></p-column>
    <p-column header="操作" >
      <ng-template let-car="rowData" pTemplate="body" let-i="rowIndex">
        <button pButton type="button" label="编辑" (click)="updateOption(dataSource[i])" *ngIf="dataSource[i]['status']==='新建'"></button>
        <button pButton type="button" label="删除" (click)="deleteReport(dataSource[i],i)" *ngIf="dataSource[i]['status']==='新建'"></button>
        <button pButton type="button" label="处理" (click)="showReportTreatmentMask(dataSource[i],i)"  *ngIf="dataSource[i]['status']==='未处理'"></button>
        <button pButton type="button" label="查看" (click)="showReport(dataSource[i])"></button>
      </ng-template>
    </p-column>
  </p-dataTable>
    </div>
  </div>
</div>
<!--查看详情model-->
<!-- <app-view-detail
  [reportDetail]="currentHistoryReport"
  (closeViewDetail)="closeViewDetail($event)"
  *ngIf="showViewDetailMask"></app-view-detail>
报障总览处理-->
<!-- <app-report-treatment
  [reportTreatment]="currentHistoryReport"
  (closeReportTreatmentMask)="closeReportTreamentMask($event)"
  *ngIf="showReportTreatment" (updateDev)="updatehistoryReportModel($event)"></app-report-treatment> -->
